//订单管理 - 销账二级页面

import React, { Component } from 'react';
import { Form, Col, Row, InputNumber, Switch, Button } from 'antd';

const FormItem = Form.Item;

class RemoveMoney extends Component {
  render() {
    const { getFieldDecorator } = this.props.form;

    return (
      <div>
        <Form>
          <FormItem>
            <Row>
              <Col span={3}>
                销账金额
              </Col>
              <Col span={21}>
                {getFieldDecorator('xzMoney', {
                  rules: [{ required: true, message: 'Please input your xzMoney!' }],
                })(
                  <InputNumber  style={{ color: 'rgba(0,0,0,.25)', width: '100%' }} />
                )} 
              </Col>
            </Row>              
          </FormItem>
          <FormItem>
            <Row>
              <Col span={3}>
                已结清:
              </Col>
              <Col span={21}>
                {getFieldDecorator('switch', {
                  rules: [{ required: true, message: 'Please input your switch!' }],
                })(
                  <Switch checkedChildren="是" unCheckedChildren="否" style={{ color: 'rgba(0,0,0,.25)' }} />
                )} 
              </Col>
            </Row>   
          </FormItem>
          <FormItem>
            <Row>
              <Col span={3}>
                备注信息:
              </Col>
              <Col span={21}>
                {getFieldDecorator('note', {
                  rules: [{ required: true, message: 'Please input your note!' }],
                })(
                  <textarea style={{ color: 'rgba(0,0,0,.25)', width: '100%', borderRadius: 3 }} />
                )} 
              </Col>
            </Row>   
          </FormItem>
          <FormItem>
            <Row>
              <Col span={3}></Col>
              <Col span={21}>
                <Button style={{marginRight: 8}}>取消</Button>
                <Button type="primary" htmlType="submit">确认</Button>
              </Col>
            </Row>   
          </FormItem>
        </Form>
      </div>
    );
  }
}

const RemoveForm = Form.create()(RemoveMoney);

export default RemoveForm;